<template>
  <div>
    <p class="gradient-text gradient-p">世界上有两个我，一个在文字里白马春衫慢慢行，一个在生活里蝇营狗苟无穷年。</p>
  </div>
</template>

<script setup name="GradientText">
</script>

<style lang="scss" scoped>
@keyframes gradientText {
  0% {
    background-position: 0;
  }
  100% {
    background-position: 28000px;
  }
}
.gradient-text {
  color: transparent;
  background: -webkit-linear-gradient(30deg, #32c5ff 25%, #b620e0 50%, #f7b500 75%, #20e050 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: auto;
  animation: gradientText 300s infinite linear;
  -webkit-animation: gradientText 300s infinite linear;
}
.gradient-p {
  font-size: 30px;
  width: 100%;
  text-align: center;
  margin-top: 200px;
}
</style>
